<script setup lang="ts">
import { ref } from 'vue'
import { useAppStore } from '@/store/modules/app'
const appStore = useAppStore()
import { useRouter } from 'vue-router'

const { push, back } = useRouter()
const userInfo = ref(appStore.getUserInfo)

const onBack = () => {
  back()
}

const gotoRote = (name: string) => {
  push({
    name
  })
}
</script>

<template>
  <van-nav-bar title="我的协议" fixed placeholder left-arrow @click-left="onBack"> </van-nav-bar>
  <div class="mineBox">
    <van-cell-group inset>
      <van-cell size="large" title="展业承诺书" is-link center @click="gotoRote('commitment')" />
    </van-cell-group>
  </div>
</template>

<style lang="less" scoped>
.mineBox {
  padding: 16px 0;
}
.btnBox {
  padding: 32px 16px;
}
</style>
